@charset "utf-8";
/*<=1023px*/
@media screen and (max-width:1023px)
{
	.top{ display:none;}
	header .logo{ width:96%; margin:0; padding:0; text-align:center; }
	header .logo img{max-width:96%;}
	header .wapnav{  display:none;}
	.mainnav a{ width:25%; line-height:30px; padding-top:0px; font-size:15px;}
	
	.dropdownnav{display:none;}
	 
	
	.cpfenlie ul li{ float:left; background:#eeeeee;width:32%; margin-right:0.5%; margin-top:5px; margin-left:0.5%; line-height:30px; }
	.cpfenlie ul li a {color:#000; font-size:12px;}
	.cpfenlie ul li a:link,.cpfenlie ul li a:visited{display:block;}
	.cpfenlie ul li a:hover,.cpfenlie ul li a.active,.cpfenlie ul li a.active:link,.cpfenlie ul li a.active:visited{color:#ffffff; background:#f87712; }
	


	
	.cpleft{ display:none}
	.cpcontent{ clear:both;float:none; width:100%; overflow:hidden;}
	.cpright{ display:none}
	
	.ititle{margin:16px 0px auto 0px;}
	

	
	.youshi{display:none;}
	
	.news dl{width:100%; margin:0px 0 10px 0px;}
	.news dl dt{ float:left; line-height:27px; width:35%; }
	.news dl dt img{ width:100%;}
	.news dl dt a{ font-size:12px;}
	.news dl dd{ float:right; line-height:21px;color:#666666; padding:0px 0; width:61%;}
	.news dl dd .biaoti{font-size:14x; height:21px; overflow:hidden}
	.news dl dd .biaoti a,.news dl dd .biaoti a:link,.news dl dd .biaoti a:visited{display:block; color:#292929;font-size:14px;}
	.news dl dd .biaoti a:hover {color:#ff0006;}
	
	.news dl dd a{ color:#f35d01;}
	.news dl dd .date{display:none;}
	.news dl dd .summary{color:#585858; font-size:12px; line-height:22px; border-top:#d9d9d9 1px solid; padding-top:6px;}
	
	
	.jianjie{clear:both; width:100%; margin:0 auto; background:url(images/aboutbg.jpg) no-repeat top left;}
	
	.jianjie .content{ max-width:100%; }
	.jianjie .content .wenzi{width:96%; color:#333333; font-size:14px; line-height:23px; padding-left:0%; padding-top:10px; height:140px; margin:0 auto;display:block; overflow:hidden;/*display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	*/
	}
	.jianjie .content .wenzi .xiangqing{ display:none}
	
	
	.anli{ padding-top:0px;}
	.anli .content li{ float:left; width:48%; margin-right:1%; margin-left:1%; margin-top:2%}
	.anli .content li img{width:100%; }
	.anli .content li a p{ height:20px; line-height:20px; overflow:hidden}



	.footerwenzi{float:none; width:100%;padding-left:0; padding-top:10px; font-size:12px; line-height:23px;}
	.footerwenzi a,footerwenzi a:link,footerwenzi a:visited,footerwenzi a:active{color:#9f9f9f; text-decoration:none; font-size:12px;}
	.footerwenzi a:hover{color:#ff0006; text-decoration:underline; font-size:12px;}
	footer .erweima{ display:none}
	
	
	.mainpage{ background-color:#FFF; }
	.left{ float:none;width:100%; padding:0;border:#dddddd 0px solid}

	.right{ float:none; clear:both; margin-top:10px; width:100%; padding:0px; border:#dddddd 0px solid}

	
	.position{ display:none;}
	.positioninfo{ display:none;}
	.menu1 h2{ display:none;}
	.menu1 li{ float:left; width:33.3%;height:32px;}
	.menu1 li a,.menu1 li a:link,.menu1 li a:visited {color:#666666;line-height:32px;height:32px; padding:0;background-image: url(); text-align:center; font-size:15px;}
	.menu1 li a:hover,.menu1 li a.active,.menu1 li a.active:link,.menu1 li a.active:visited{/*background-image:url(images/bg03.jpg); background-position:bottom; */background-repeat:repeat-x;}



	.info_list ol.head span.title{ width:100%;}
	.info_list ol.head span.views{ display:none; }
	.info_list ol.head span.date{display:none;}
	
	.info_list ol{ overflow:hidden;}
	.info_list ol.info a.title{width:100%; }
	.info_list ol.info span.views{display:none; }
	.info_list ol.info span.date{display:none; }
	/*.product_list li{ float:left; width:20%; border:1px solid red}*/
	
	#showbanner{  height:410px;}
    .bannerwrap .banner .mask{ display:none;}
    #showbanner img{ height:410px;max-width:none; }

	.focus{ display:none;}
	
	.cpcontentalllist{ clear:both; width:1360px; height:160px; overflow:hidden;}
	.cpcontentlist{ float:left; width:680px;}
	.cpcontentlist ul{ padding:0; margin:0;}
	.cpcontentlist ul li{float:left; max-width:160px; padding-right:5px; padding-left:5px;}
	.cpcontentlist ul li img{ max-width:160px;}


	.nyxinwen{ clear:both; max-width:94%; margin:0 auto;}
	.nyxinwen dl{clear:both; max-width:100%; border-bottom:1px dotted #bbbbbb; overflow:hidden;}
	.nyxinwen a,.nyxinwen a:link,.nyxinwen a:visited{overflow:hidden; display:block; padding:15px 0px;}
	.nyxinwen a:hover { background:#f8f8f8; text-decoration:none; }
	.nyxinwen dt{ float:none; width:80%; padding-left:4%;}
	.nyxinwen dt img{background:#cccccc; padding:0px; border:0px solid #CCCCCC;}
	.nyxinwen dd{ float:none; width:98%; padding-top:5px;}
	
	.info_list ul li{ float:none; text-align:center; margin-top:15px; padding-right:10px; padding-left:10px;}
	.midpicarea{ border:solid 0px; max-width:400px;}
	.midpicarea img{ max-width:100%;}
	
	
	.info_list dl{ clear:both;width:96%; margin:0 auto; padding-top:20px;}
    .info_list dl dt{ float:none;}
    .info_list dl dd{ float:none; line-height:21px; width:100%;}
    .info_list dl strong{ font-size:14px;}
    .info_list dl div.summary{ line-height:20px;}


}

@media screen and (max-width:768px)
{	
	#showbanner{  height:210px;}
.bannerwrap .banner .mask{ display:none;}
#showbanner img{ height:210px;max-width:none; }

.cpcontentalllist{ clear:both; width:1360px; height:160px; overflow:hidden}
.cpcontentlist{ float:left; width:680px;}
.cpcontentlist ul{ padding:0; margin:0;}
.cpcontentlist ul li{float:left; max-width:160px; padding-right:5px; padding-left:5px;}
.cpcontentlist ul li img{ max-width:160px;}
.midpicarea{ border:solid 0px; max-width:400px;}
.midpicarea img{ max-width:100%;}

.product_list li{ float:left; width:41.7%;margin:0px 0% 2.5% 2.5%; font-size:15px; background:#f2f2f2; line-height:21px;-webkit-transition: background-color 1.0s ;-moz-transition: background-color 1.0s ;	-o-transition: background-color 1.0s;	transition: background-color 1.0s;-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);-webkit-transition: all 0.1s;transition: all 0.1s;  }
.product_list li img { width:92.5%; }

.menucp{clear:both; border-bottom:1px solid #dddddd}
/*.menucp { color:#e30f00; line-height:50px; text-align:left; font-size:19px; font-weight:normal; font-weight:bold; padding-left:40px; border-bottom:#dddddd 1px solid}
.menucp {padding:0; padding-bottom:0px;}
.menucp { height:40px;}*/
.menucp a { float:left; width:20%; border-radius:0px;}
.menucp  a,.menucp  a:link,.menucp a:visited {color:#666666;line-height:40px;height:40px; padding:0px 0px 0px 0px;font-size:15px;text-decoration: none; display:block;background-position:center; border-bottom:#dddddd 1px solid;}
.menucp a:hover,.menucp a.active,.menucp a.active:link,.menucp a.active:visited{color: #fff;background-repeat: no-repeat; background-color:#f87712}

}


@media screen and (max-width:640px)
{
#showbanner{  height:160px;}
.bannerwrap .banner .mask{ display:none;}
#showbanner img{ height:160px;max-width:none; }

.cpcontentalllist{ clear:both; width:1360px; height:150px; overflow:hidden}
.cpcontentlist{ float:left; width:640px;}
.cpcontentlist ul{ padding:0; margin:0;}
.cpcontentlist ul li{float:left; max-width:150px; padding-right:5px; padding-left:5px;}
.cpcontentlist ul li img{ max-width:150px;}

.midpicarea{ border:solid 0px; max-width:400px;}
.midpicarea img{ max-width:100%;}

.product_view div.content img { width:100%;}
 
}


@media screen and (max-width:320px)
{

#showbanner{  height:110px;}
.bannerwrap .banner .mask{ display:none;}
#showbanner img{ height:110px;max-width:none;}

.cpcontentalllist{ clear:both; width:1200px; height:140px; overflow:hidden}
.cpcontentlist{ float:left; width:600px;}
.cpcontentlist ul{ padding:0; margin:0;}
.cpcontentlist ul li{float:left; max-width:140px; padding-right:5px; padding-left:5px;}
.cpcontentlist ul li img{ max-width:140px;}
 
.zoominfo .zoominfoleft{ float:none; max-width:100%; }
.zoominfoleft:after,.zoominfoleft:before {content: '';display: block;clear: both;height: 0;}

.zoominfo .zoominforight{ float:none; max-width:100%;}
.zoominforight:after,.zoominforight:before {content: '';display: block;clear: both;height: 0;}


.midpicarea{ border:solid 0px; max-width:320PX;}
.midpicarea img{ max-width:100%;}


}